
@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
 
 SHARP Web Manual
 WEB用

 CSS 枠組み
 	
	0.all
	1.header
		title Area
	2.rightcolumn
	3.leftcolumn
	4.centercolumn
	5.footer
		menuBtn
  
//////////////////////////////////////////////////////////////*/

/*##########################################

 0.all

##########################################*/
html {


}

body,div,h1,h2{
	padding: 0;
	margin: 0;
}

body {
	font-size: 20px;
	text-align:center;
	background-color:#000;
}

#wrapper { 
	text-align:left;
	margin: 0 auto;
	width:940px;
}

.cl {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: left;
	margin: 0px;
	padding: 0px;
}

/*##########################################

 1.header

##########################################*/

#logo {
	padding:8px 0px 11px 15px;
	color:#ffffff;
	width:905px;
	text-align:left;
	height:13px;
}
.printlogo{
	display:none;}
	#logoImg {
		display:block;
		float:left;
		margin:0px;
	}
	#modelNo {
		float:right;
		font-size:12px;
		font-family:Arial, Helvetica, sans-serif;
		padding:0px 5px 0px 0px;
		font-weight:bold;
		margin:0px;
	}

#categoryTitle {
	color:#fff;
	font-size:25px;
	font-weight:bold;
	margin:0px;
	padding:12px 10px 8px 0px;
	/*height:50px;*/
}

#header {
	background: url("../images/web/3rdBackHeader.jpg") no-repeat;
	/*height:99px;*/	
}
*html #header {
	width:818px;
}
/*----------------------------------------

 title Area

----------------------------------------*/

h1.contentsTitle {
	float:left;
	display:block;
	color:#ffffff;
	margin:0px;
	padding:0px 0px 0px 15px;
	font-size:23px;
	line-height:23px;
	width:520px;

}
h2.contentsSubTitle {
	display:block;
	float:left;	
	color:#ccffff;
	text-align:right;
	width:270px;
	margin:0px;
	padding:0px 10px 3px 0px;	
	font-size:20px;
	line-height:20px;
}
/*8章用*/
h1.contentsTitleL {
	float:left;
	display:block;
	color:#ffffff;
	margin:0px;
	padding:0px 0px 0px 15px;
	font-size:23px;
	line-height:23px;
	width:790px;
}
h2.contentsSubTitleS {
	display:block;
	float:left;	
	color:#ccffff;
	text-align:right;
	width:0px;
	margin:0px;
	padding:0px 10px 0px 0px;	
	font-size:20px;
	line-height:20px;
}
/*****/
#stepNumBox {
	padding:5px 0px 5px 12px;	
	font-size:16px;
}
#stepNumBox2 {
	margin-bottom:-20px;
	padding:15px 0px 0px 0px;	
	font-size:16px;
}
*html #stepNumBox {
	display:none;
}
*:first-child+html #stepNumBox {
	display:none;
}
/*##########################################

 2.rightcolumn

##########################################*/

#rightcolumn { 
		border:none;
		background: #E7DBD5;
		height: 627px;
		width: 56px;
		float:left;

		background:url("../images/web/3rdBackRight.jpg") bottom;
}

/*##########################################

 3.leftcolumn

##########################################*/

#leftcolumn { 
		border: none;
		background:url("../images/web/3rdBackLeft.jpg") bottom;
		height: 627px;
		width: 56px;
		float:left;
}

/*##########################################

 4.centercolumn

##########################################*/

#centercolumn { 
		float:left;
		background-color:#0078B7;
		*width:816px;
}

.contentsArea {
		overflow-y:auto;
		overflow-x:hidden;
		/*height:451px;*/
		/*width:790px;*/
		width:790px;

		background-color:#0078B7;
		padding:0px 10px 0px 15px !important;
}

/*##########################################

 5.footer

##########################################*/

#footer { 
		border:none;
		background: #eee;
		margin: 0px 0px 0px 0px;
		padding:15px 0px 1px 10px;
		/*height: 40px;*/
		width:806px;
		float:left;
		background:url("../images/web/3rdBackFooter.jpg") no-repeat;		
}

* html #footer { 
		border:none;
		background: #eee;
		margin: 0px 0px 0px 0px;
		padding:15px 0px 1px 10px;
		/*height: 40px;*/
		width:808px;
		float:left;

		background:url("../images/web/3rdBackFooter.jpg") no-repeat;		
}

/*----------------------------------------

 menuBtn

----------------------------------------*/

a.menuBtnStp {
	width: 215px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b4_off.gif") no-repeat;
	display: block;
	margin: -45px 520px 0 0;
	text-align:center;			
	float: right;
	color: #fff;
	text-decoration: none;
}

a.topBtn {
	width: 211px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b4_blue_off.gif") no-repeat;
	display: block;
	margin: 6px 0px 0px -25px;
	z-index:999;
	text-align:center;
	float: left;
	color: #fff;
	text-decoration: none;
}

/* IE6 */
* html a.topBtn{
	width: 211px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b4_blue_off.gif") no-repeat;
	display: block;
	margin: 6px 0px 0px -9px;
	z-index:999;
	text-align:center;
	float: left;
	color: #fff;
	text-decoration: none;
}

a.topBtn:hover {
	background: url("../images/btn_b4_blue_on.gif") no-repeat;
}

a.menuBtn {
	width: 420px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b5_off.gif") no-repeat ;
	display: block;
	margin: 6px 0px 0 0;
	text-align:center;			
	float: left;
	color: #fff;
	text-decoration: none;
}

/* IE6 */
* html a.menuBtn{
	width: 410px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b5_off.gif") no-repeat ;
	display: block;
	margin: 6px 0px 0 0;
	text-align:center;			
	float: left;
	color: #fff;
	text-decoration: none;
}

a.menuBtn:hover {
	background: url("../images/btn_b5_on.gif") no-repeat;
}
a.menuBtnStep {
	width: 210px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_orange_off.gif") no-repeat;
	display: block;
	margin: 6px -13px 0px 0px;
	text-align:center;			
	color: #fff;
	float: right;
	text-decoration: none;
}
a.menuBtnStep:hover {
	background: url("../images/btn_orange_on.gif") no-repeat;
}

a.menuBtnSummary {
	width: 210px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b4_blue_off.gif") no-repeat;
	display: block;
	margin: 6px -13px 0px  0px;
	text-align:center;			
	color: #fff;
	float: right;
	text-decoration: none;
}
a.menuBtnSummary:hover {
	background: url("../images/btn_b4_blue_on.gif") no-repeat;
}

a.menuBtnLong {

	width: 385px;
	height: 45px;
	line-height: 44px;
	background: url("../images/btn_b5_long_off.gif") no-repeat;
	display: block;
	margin: 6px 0px 0 0;
	text-align:center;			
	float: left;
	padding-left:10px;
	color: #fff;
	text-decoration: none;
}
a.menuBtnLong:hover  {
	background: url("../images/btn_b5_long_on.gif") no-repeat;
}

/* IE7 Hack */

*:first-child+html img {
	vertical-align:top;
}

/* IE6 Hack */
* html img {
	vertical-align: top;
}